﻿@{
    
}

<!-- right side of the page with the sparkline graphs -->
<!-- col -->
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
	<!-- sparks -->
	<ul id="sparks">
		<li class="sparks-info">
			<h5> My Income <span class="txt-color-blue">$47,171</span></h5>
			<div class="sparkline txt-color-blue hidden-mobile">
				1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
			</div>
		</li>
		<li class="sparks-info">
			<h5> Site Traffic <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" title="Increased"></i>&nbsp;45%</span></h5>
			<div class="sparkline txt-color-purple hidden-mobile">
				110,150,300,130,400,240,220,310,220,300, 270, 210
			</div>
		</li>
		<li class="sparks-info">
			<h5> Site Orders <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
			<div class="sparkline txt-color-greenDark hidden-mobile">
				110,150,300,130,400,240,220,310,220,300, 270, 210
			</div>
		</li>
	</ul>
	<!-- end sparks -->
</div>
<!-- end col -->
